PROGRAMMERS - 자바스크립트와 웹 프론트엔드 CSS 다루기 HTML 문서의 요소가 어떻게 표시될지 정의 selector : tag이름, id, class로 작성 가능하다. -tag이름 : 태그 이름 그대로 사용(h1, h2, p, img, ...) -id : #을 붙이고 id 사용(#name, #id, ... -class : .을 붙이고 class 이름 사용 (.lyric, ...) property_name : selector에 해당하는 엘리먼트의 ... PROGRAMMERS - 자바스크립트와 웹 프론트엔드PROGRAMMERS - 자바스크립트와 웹 프론트엔드 익명함수와 함수 즉시 호출 JS에서는 함수가 1>인자로 사용되거나 2>콜백 함수로 사용될 수 있기 때문에, 일회성으로 사용될 코드의 블럭을 함수로 정의하는 경우가 많다. 즉, 이러한 함수의 경우 이름이 꼭 필요하지 않기때문에 익명함수가 필요하다. 중간에 어떤 코드를 추가해야하고 그 코드가 독립적으로 실행되어야한다면? -함수를 이용해서 scope를 나눠줘야한다. -또한 정의내린 함수는 한 번만 호출하고 정의한 지점에서 ... PROGRAMMERS - 자바스크립트와 웹 프론트엔드PROGRAMMERS - 자바스크립트와 웹 프론트엔드 Element 추가/삭제 document.createElement() : 문자열 인자로 element tag를 입력하면 해당 엘리먼트가 생성돼 반환된다. Element API .appendChild(인자) : 추가할 element를 인자로 받아 호출된 element의 가장 마지막 자식으로 인자를 추가한다. .removeChild(인자) : 삭제할 element를 인자로 받아 호출된 element의 자식중에서 해당 e... PROGRAMMERS - 자바스크립트와 웹 프론트엔드PROGRAMMERS - 자바스크립트와 웹 프론트엔드 JS 네트워크와 통신 비동기적 자바스크립트와 XML, 자바스크립트를 이용해서 비동기적으로 서버와 브라우저가 데이터를 주고 받는 통식 방식을 의미한다. 비동기적이라 함은 브라우저가 서버랑 통신을 하면서 어떠한 작업을 실행시키고 다른 일을 할 수 있는 걸 의미한다. 반대로 동기적인 건 네트워크 지연이 발생하여 기다리는 것을 의미한다. -Ajax는 웹브라우저와 웹서버가 내부적으로 데이터 통신을 할 수 있게 해준다. 그... PROGRAMMERS - 자바스크립트와 웹 프론트엔드PROGRAMMERS - 자바스크립트와 웹 프론트엔드
CSS 다루기 HTML 문서의 요소가 어떻게 표시될지 정의 selector : tag이름, id, class로 작성 가능하다. -tag이름 : 태그 이름 그대로 사용(h1, h2, p, img, ...) -id : #을 붙이고 id 사용(#name, #id, ... -class : .을 붙이고 class 이름 사용 (.lyric, ...) property_name : selector에 해당하는 엘리먼트의 ... PROGRAMMERS - 자바스크립트와 웹 프론트엔드PROGRAMMERS - 자바스크립트와 웹 프론트엔드 익명함수와 함수 즉시 호출 JS에서는 함수가 1>인자로 사용되거나 2>콜백 함수로 사용될 수 있기 때문에, 일회성으로 사용될 코드의 블럭을 함수로 정의하는 경우가 많다. 즉, 이러한 함수의 경우 이름이 꼭 필요하지 않기때문에 익명함수가 필요하다. 중간에 어떤 코드를 추가해야하고 그 코드가 독립적으로 실행되어야한다면? -함수를 이용해서 scope를 나눠줘야한다. -또한 정의내린 함수는 한 번만 호출하고 정의한 지점에서 ... PROGRAMMERS - 자바스크립트와 웹 프론트엔드PROGRAMMERS - 자바스크립트와 웹 프론트엔드 Element 추가/삭제 document.createElement() : 문자열 인자로 element tag를 입력하면 해당 엘리먼트가 생성돼 반환된다. Element API .appendChild(인자) : 추가할 element를 인자로 받아 호출된 element의 가장 마지막 자식으로 인자를 추가한다. .removeChild(인자) : 삭제할 element를 인자로 받아 호출된 element의 자식중에서 해당 e... PROGRAMMERS - 자바스크립트와 웹 프론트엔드PROGRAMMERS - 자바스크립트와 웹 프론트엔드 JS 네트워크와 통신 비동기적 자바스크립트와 XML, 자바스크립트를 이용해서 비동기적으로 서버와 브라우저가 데이터를 주고 받는 통식 방식을 의미한다. 비동기적이라 함은 브라우저가 서버랑 통신을 하면서 어떠한 작업을 실행시키고 다른 일을 할 수 있는 걸 의미한다. 반대로 동기적인 건 네트워크 지연이 발생하여 기다리는 것을 의미한다. -Ajax는 웹브라우저와 웹서버가 내부적으로 데이터 통신을 할 수 있게 해준다. 그... PROGRAMMERS - 자바스크립트와 웹 프론트엔드PROGRAMMERS - 자바스크립트와 웹 프론트엔드